<template>
    <div >
      <a-row>
        <a-col :span="8" style=" text-align:center">
          <span style="color: black; font-size:large">EasyBlog 的个人博客</span>
        </a-col>
        <a-col :span="8" style=" text-align:center">
          <a-menu  mode="horizontal" @click="goToPage" :default-selected-keys="['article']" >
            <a-menu-item key="article" >
              文章
            </a-menu-item>
            <a-menu-item key="archive">
              归档
            </a-menu-item>
            <a-menu-item key="3">
              关于
            </a-menu-item>
          </a-menu>
        </a-col>
        <a-col :span="8" style=" text-align:right">
          <a-input-search placeholder="输入关键词......" size="large" style="width: 250px"  />
        </a-col>
      </a-row>
    </div>
</template>

<script>
export default {
  // 方法集
  methods: {
    goToPage (item) {
      this.$router.push('/' + item.key).catch((err) => err)
    }
  }
}
</script>
